<style scoped>
.car-record {
	height: 100vh;
	padding: .28rem 0 0 .3rem;
	position: relative;
	box-sizing: border-box;
	color: #333;
	font-size: .36rem;
	background-color: #F4F4F4;
}
.car-number {
	display: flex;
	align-items: center;

	&::after {
		content: "";
		width: .44rem;
		height: .44rem;
		background: url(~@/assets/arrow.png);
		background-size: 100% 100%;
	}
}
.no-data-wrapper {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
</style>

<template>
	<div class="car-record">
		<span class="car-number" @click="$router.push('/car-record/list')">{{carNumber}}</span>
		<no-data tips="没有任何记录" />
	</div>
</template>

<script>
	export default {
		data() {
			return {
				carNumber: '浙A 123456'
			}
		},

		created() {

		},

		methods: {
			startTimer() {
				setTimeout(() => {
					this.hiddenToast()
				}, this.duration)
			},
			hiddenToast() {
				this.isVisible = false
			}
		}
	}
</script>